<%@taglib prefix="s" uri="/struts-tags"%>
<% 	String descargarFile=(String)request.getAttribute("descargarFile").toString(); 
	String messageDescarga=(String)request.getAttribute("messageDecarga").toString();
	String descargarFileHist=(String)request.getAttribute("descargarFileHist").toString(); 
	String messageDecargaHist=(String)request.getAttribute("messageDecargaHist").toString();
%>
<%@page import="pe.com.bbva.util.Constantes"%>
<style type="text/css">
.bk_tabs {
	background-color: #FFFFFF;
	border-top-width: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.clsboton {
	border: 1px solid #448dae; 
	background: #79c9ec url(../images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; 
	font-weight: normal;
	color: #000f0f; 
}
.tituloCab {
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight: bold;
		color: #336699;
	}
.clsfieldset{
border : 1px solid #ACBECE;
background-color:#F5FDFF;
}
</style>
<s:form id="consultaReporteBmpForm" theme="simple">
	<s:hidden name="idReporteControl" />
	<table width="100%">
			<tr>
				<td>
					<div id="pageTitle">Reporte Buenos y Malos Pagadores</div></td>
			</tr>
			<tr>
			<td>
				<div class="formpanel">
				<fieldset class="fontfieldset">
			    <legend class="fontlegend">Periodo</legend>
					<table width="100%">
						<tr>
							<td class="ui-widget-content2" align="center">
								<table>
									<tr>
										<td class="label" align="left" ><span id="desc">Reporte del <s:property value="descFechaProceso"/></span></td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
					</fieldset>
					</div>
				</td>
		</tr>
		<tr>
			<td class="bk_tabs">
				<!-- ini demo -->
				<DIV>
					<div id=tabsFR>
						<UL>
							<LI><A href="#tabsFR1">Reporte Actual</A>
							</LI>
							<LI><A href="#tabsFR2">Reporte Historico</A>
							</LI>
						</UL>
						<div id=tabsFR1>
							<table width="100%">
								
								<tr>
									<td>
										<div class="formpanel">
										<fieldset class="fontfieldset">
									    <legend class="fontlegend">Productos Mi Vivienda</legend>
											<table width="100%">
												<tr>
													<td class="ui-widget-content2">
														<table>
															<tr>
																<td class="label">Escoger Producto:</td>
																<td><s:select id="idTipoProducto" name="idTipoProducto"
																	list="itemTipoProducto" listKey="value" style="width:300px" listValue="label" 
																	onchange="cargarReporteBMPxProd()" 
																	cssClass="validate[required]" />
																</td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
											</fieldset>
											</div>
										</td>
								</tr>
								<tr>
									<td>
										<div class="formpanel">
										<fieldset class="fontfieldset">
									    <legend class="fontlegend">Resultados del Cruce de Informacion</legend>
											<table width="100%">
												<tr>
													<td class="ui-widget-content2">
														<table>
															<tr>
																<td>
																	<div style="width: 100%; padding: 10px 10px 10px 10px;">
																		<table id="dataTable" width="100%"></table>
																		<div id="tablePager"></div>
																	</div></td>
															</tr>
														</table>
														</td>
												</tr>
												<tr>
													<td>&nbsp;</td>
												</tr>
												<tr>
													<td><s:submit value="Exportar a Excel" id="btnExcel"
															cssClass="ui-button ui-widget ui-state-default ui-corner-all"
															action="generarExcelReportBmp" />&nbsp; <s:submit
															value="Guardar Reporte Historico" id="btnGuardar" theme="simple"
															cssClass="ui-button ui-widget ui-state-default ui-corner-all"
															action="saveHistoricoBMP" />&nbsp;
							  									<s:submit value="Actualizar Formulario" disabled="habilitaBotonActualizar" id="bActFormulario" action="actualizarRepBmp" theme="simple" cssClass="ui-button ui-widget ui-state-default ui-corner-all"/>&nbsp;
																&nbsp;&nbsp;
																<% if(descargarFile.equals(Constantes.REP_TERMINO)){%>
																<img src="images/xls.png" alt="download" border="0" />
																<a href="javascript:descargarExcel();">
																		<%=messageDescarga%>
																</a>
																<% } %>
																			</td>
												</tr>
												<tr>
													<td>&nbsp;</td>
												</tr>
												<tr>
													<td class="ui-widget-content2">
															<table>
																<tr>
																	<td>
																		<div style="width: 100%; padding: 10px 10px 10px 10px;">
																			<table id="dataTableDet" width="100%"></table>
																			<div id="tablePagerDet"></div>
																		</div>
																	</td>
																</tr>
															</table>
														</td>
												</tr>
											</table>
											</fieldset>
											</div>
										</td>
								</tr>
							</table>
						</div>
						<div id=tabsFR2>
						<table width="100%">
							<tr>
								<td colspan="3">
									<div id="pageTitle">Reporte Buenos y Malos Pagadores</div></td>
							</tr>

							<tr>
								<td>
									<div class="formpanel">
									<fieldset class="fontfieldset">
								    <legend class="fontlegend">Productos Mi Vivienda</legend>
										<table width="100%">
											<tr>
												<td class="ui-widget-content2">
													<table>
														<tr>
															<td class="label">Escoger Producto:</td>
															<td><s:select id="idTipoProductoHist" name="idTipoProductoHist"
																list="itemTipoProducto" listKey="value" style="width:300px" listValue="label"
																cssClass="validate[required]" />
															</td>

														</tr>
														
													</table>
													</td>
											</tr>
										</table>
										</fieldset>
										</div>
									</td>
									<td>&nbsp;&nbsp;&nbsp;</td>
									<td align="center">
										<div  class="formpanel">
										<fieldset class="fontfieldset">
										<legend class="fontlegend">Reporte Historicos Guardados</legend>
											<table>
											<tr>
											<td class="label" align="left" >Fecha del Reporte:</td>
											<td>
												<s:select
												list="listFechasHistoricas" listKey="value" listValue="label"  theme="simple"
												id="fechaProcesoHistorico"
												name="fechaProcesoHistorico" /> 
											</td>							
											</tr>
											</table>
										</fieldset>
										</div>
									</td>
							</tr>
							<tr>
								<td colspan="3">
									<div class="formpanel">
									<fieldset class="fontfieldset">
								    <legend class="fontlegend">Resultados del Cruce de Informacion</legend>
										<table width="100%">
											<tr>
												<td class="ui-widget-content2">
													<table>
														<tr>
															<td>
																<div style="width: 100%; padding: 10px 10px 10px 10px;">
																	<table id="dataTableHist" width="100%"></table>
																	<div id="tablePagerHist"></div>
																</div></td>
														</tr>
													</table>
													</td>
											</tr>
											<tr>
												<td>&nbsp;</td>
											</tr>
											<tr>
												<td><s:submit value="Exportar a Excel" id="btnExcelHist"
														cssClass="ui-button ui-widget ui-state-default ui-corner-all"
														action="generarExcelReportBmpHist" />&nbsp;
						  									<s:submit value="Actualizar Formulario" disabled="habilitaBotonActualizarHist" id="bActFormularioHist" action="actualizarRepBmpHist" theme="simple" cssClass="ui-button ui-widget ui-state-default ui-corner-all"/>&nbsp;
															&nbsp;&nbsp;
															<% if(descargarFileHist.equals(Constantes.REP_TERMINO)){%>
															<img src="images/xls.png" alt="download" border="0" />
															<a href="javascript:descargarExcelHist();">
																	<%=messageDecargaHist%>
															</a>
															<% } %>
																		</td>
											</tr>
											<tr>
												<td>&nbsp;</td>
											</tr>
											<tr>
												<td class="ui-widget-content2">
														<table>
															<tr>
																<td>
																	<div style="width: 100%; padding: 10px 10px 10px 10px;">
																		<table id="dataTableDetHist" width="100%"></table>
																		<div id="tablePagerDetHist"></div>
																	</div>
																</td>
															</tr>
														</table>
													</td>
											</tr>
										</table>
										</fieldset>
										</div>
									</td>
							</tr>
						</table>
						</div>
					</div>
				</DIV> <!-- End demo -->	
			</td>
		</tr>
	</table>
</s:form>

<script language="JavaScript" type="text/javascript">
	$(document).ready(function() {
	var initGrids= [false,false]; 
	$( "#tabsFR" ).tabs({
		show:	function (event, ui) {
			$("#dataTableHist").trigger('reloadGrid');
	     	$("#dataTableDetHist").trigger('reloadGrid');
			 if (ui.index === 0 && initGrids[ui.index] === false) {
				jQuery("#dataTable").jqGrid({
				   	url:'./findAllReporteBMPResumen.do',
					datatype: "json",
				   	colNames:['Producto','Total Malos Pagadores','Total Buenos Pagadores'],
				   	colModel:[
				   		{name:'producto',index:'producto', width:300,align:"left",sortable:false},
				   		{name:'nroBuenosPagadores',index:'nroBuenosPagadores', width:170,align:"right"},
				   		{name:'nroMalosPagadores',index:'nroMalosPagadores', width:170,align:"right"}],
			   	rowNum : 50,
				altRows : true,
				altclass : 'myAltRowClass',
				rowList : [ 50, 100, 500 ],
				pager : '#tablePager',
			   	sortname: 'producto',
			    viewrecords: true,
			    sortorder: "desc",
			    jsonReader : {
			    root:"dataModel",
			    repeatitems: false  
			   },
			   	beforeRequest: function(){
			   		var _page=$(this).jqGrid('getGridParam', 'page');
			   		
			   		if(_page!=1){        
						var _url=$(this).jqGrid('getGridParam', 'url');
						var _idx=_url.indexOf('?');
						
				 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
					}
			  }
			});
				
			jQuery("#dataTableDet").jqGrid({
			   	url:'./findAllReporteBMPDetalle.do',
				datatype: "json",
				colNames:['ID','COD. PRODUCTO','CONTRATO','NUM. COFIDE','PRESTATARIO','TIPO DOC.', 'NUM. DOC', 'CLASIFICACION'],
			   	colModel:[
				   {name:'id',index:'id',hidden:true},
				   {name:'claseProducto',index:'claseProducto',width:100,align:"left"},
				   {name:'numPrestamoBanco',index:'numPrestamoBanco',width:120,align:"left"},
				   {name:'numPrestamo',index:'numPrestamo',width:100,align:"left"},
				   {name:'nombrePrestatario',index:'nombrePrestatario',width:220,align:"left"},
				   {name:'tipoDocu',index:'tipoDocu',width:100,align:"left"},
				   {name:'numDocu',index:'numDocu',width:100,align:"left"},
				   {name:'descTipoPagador',index:'descTipoPagador',width:120,align:"left"}
			   	],
			   	rowNum:10,
			   	altRows : true,
				altclass : 'myAltRowClass',
			   	rowList:[10,50,100],
			   	pager: '#tablePagerDet',
			   	sortname: 'idConcob',
			    viewrecords: true,
			    sortorder: "desc",
			    jsonReader : {
			      root:"dataModel",
			      repeatitems: false  
			   },
			   beforeRequest: function(){
			   		var _page=$(this).jqGrid('getGridParam', 'page');
			   		
			   		if(_page!=1){        
						var _url=$(this).jqGrid('getGridParam', 'url');
						var _idx=_url.indexOf('?');
						
				 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
					}
			  }
			});
			initGrids[ui.index] = true;             
		}else if (ui.index === 1 && initGrids[ui.index] === false) {
			/*****Grillas Historico*****/
			jQuery("#dataTableHist").jqGrid({
		   	url:'./findAllReporteBMPResumenHist.do',
			datatype: "json",
		   	colNames:['Producto','Total Malos Pagadores','Total Buenos Pagadores'],
		   	colModel:[
		   		{name:'producto',index:'producto', width:300,align:"left", sorteable:false},
		   		{name:'nroBuenosPagadores',index:'nroBuenosPagadores', width:170,align:"center"},
		   		{name:'nroMalosPagadores',index:'nroMalosPagadores', width:170,align:"center"}],
		   	rowNum : 50,
			altRows : true,
			altclass : 'myAltRowClass',
			rowList : [ 50, 100, 500 ],
			pager : '#tablePagerHist',
		   	sortname: 'producto',
		    viewrecords: true,
		    sortorder: "desc",
		    jsonReader : {
		    root:"dataModel",
		    repeatitems: false  
		   },
		   	beforeRequest: function(){
		   		var _page=$(this).jqGrid('getGridParam', 'page');
		   		
		   		if(_page!=1){        
					var _url=$(this).jqGrid('getGridParam', 'url');
					var _idx=_url.indexOf('?');
					
			 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
				}
		  }
		});
		
			jQuery("#dataTableDetHist").jqGrid({
		   	url:'./findAllReporteBMPDetalleHist.do',
			datatype: "json",
			colNames:['ID','COD. PRODUCTO','CONTRATO','NUM. COFIDE','PRESTATARIO','TIPO DOC.', 'NUM. DOC', 'CLASIFICACION'],
		   	colModel:[
			   {name:'id',index:'id',hidden:true},
			   {name:'claseProducto',index:'claseProducto',width:100,align:"center"},
			   {name:'numPrestamoBanco',index:'numPrestamoBanco',width:120,align:"center"},
			   {name:'numPrestamo',index:'numPrestamo',width:100,align:"center"},
			   {name:'nombrePrestatario',index:'nombrePrestatario',width:220,align:"center"},
			   {name:'tipoDocu',index:'tipoDocu',width:100,align:"center"},
			   {name:'numDocu',index:'numDocu',width:100,align:"center"},
			   {name:'descTipoPagador',index:'descTipoPagador',width:120,align:"center"}
		   	],
		   	rowNum:50,
		   	altRows : true,
			altclass : 'myAltRowClass',
		   	rowList:[50,100,500],
		   	pager: '#tablePagerDetHist',
		   	sortname: 'id',
		    viewrecords: true,
		    sortorder: "desc",
			shrinkToFit : false,
			width: 880,
		    jsonReader : {
		      root:"dataModel",
		      repeatitems: false  
		   },
		   	beforeRequest: function(){
		   		var _page=$(this).jqGrid('getGridParam', 'page');
		   		
		   		if(_page!=1){        
					var _url=$(this).jqGrid('getGridParam', 'url');
					var _idx=_url.indexOf('?');
					
			 		$(this).jqGrid('setGridParam',{url:_url,page:_page});
				}
		  }
		});         
		initGrids[ui.index] = true;
		}
	  }     
  });
  $("#idTipoProductoHist").change(function(){
	var valid = true;
    var requiredFields = ['idTipoProductoHist','fechaProcesoHistorico'];
    for(var i = 0; i < requiredFields.length; i++) {
    	var val = $('#'+requiredFields[i]).val();     
		if (val== null || val == "-1") {
	    	valid = false;
	    }
    } 
    if (valid) {
	    jQuery("#dataTableHist").jqGrid('setGridParam',{
		   	url:"./findAllReporteBMPResumenHist.do?idTipoProductoHist="+$("#idTipoProductoHist").val()+"&fechaProcesoHistorico="+$("#fechaProcesoHistorico").val(),page:1}).trigger('reloadGrid');
	    jQuery("#dataTableDetHist").jqGrid('setGridParam',{
		   	url:"./findAllReporteBMPDetalleHist.do?idTipoProductoHist="+$("#idTipoProductoHist").val()+"&fechaProcesoHistorico="+$("#fechaProcesoHistorico").val(),page:1}).trigger('reloadGrid');   	

	cargarHistoricoBMPxProd();
	}else{
   		alert('Debe seleccionar un tipo de Producto o una Fecha Valida');
   	}
  
  });
    $("#fechaProcesoHistorico").change(function(){
	var valid = true;
    var requiredFields = ['idTipoProductoHist','fechaProcesoHistorico'];
    for(var i = 0; i < requiredFields.length; i++) {
    	var val = $('#'+requiredFields[i]).val();     
		if (val== null || val == "-1") {
	    	valid = false;
	    }
    } 
    if (valid) {
	    jQuery("#dataTableHist").jqGrid('setGridParam',{
		   	url:"./findAllReporteBMPResumenHist.do?idTipoProductoHist="+$("#idTipoProductoHist").val()+"&fechaProcesoHistorico="+$("#fechaProcesoHistorico").val(),page:1}).trigger('reloadGrid');
	    jQuery("#dataTableDetHist").jqGrid('setGridParam',{
		   	url:"./findAllReporteBMPDetalleHist.do?idTipoProductoHist="+$("#idTipoProductoHist").val()+"&fechaProcesoHistorico="+$("#fechaProcesoHistorico").val(),page:1}).trigger('reloadGrid');
		cargarHistoricoBMPxFecha();
	}else{
   		alert('Debe seleccionar un tipo de Producto o una Fecha Valida');
   	}
  
  });

});
			
	function descargarExcel(){		
		document.forms[0].action='downloadReporteBmp.do';
		document.forms[0].submit();			
	}
	
	function descargarExcelHist(){		
		document.forms[0].action='downloadReporteBmpHist.do';
		document.forms[0].submit();			
	}

	function cargarReporteBMPxProd(){
		$("#consultaReporteBmpForm").attr("action","./cargarReporteBMPxProd.do");
		$("#consultaReporteBmpForm").submit();
	}
	
	function cargarHistoricoBMPxFecha(){
	  	$.post("cargarHistoricoBMPxFecha.do", { idTipoProductoHist: $("#idTipoProductoHist").val(),fechaProcesoHistorico: $("#fechaProcesoHistorico").val()},
				function(data) { 
				     $("#desc").html(data);
				});
// 		$("#consultaReporteBmpForm").attr("action","./cargarHistoricoBMPxFecha.do");
// 		$("#consultaReporteBmpForm").submit();
	}
	
	function cargarHistoricoBMPxProd(){
	  	$.post("cargarHistoricoBMPxProd.do", { idTipoProductoHist: $("#idTipoProductoHist").val(),fechaProcesoHistorico: $("#fechaProcesoHistorico").val()});
// 		$("#consultaReporteBmpForm").attr("action","./cargarHistoricoBMPxProd.do");
// 		$("#consultaReporteBmpForm").submit();
	}  
</script>








